import {
  Outlet,
  useNavigation,
} from "react-router-dom";
import './root.css'
import BasicLayout from "@/layouts/BasicLayout";

export default function Root() {
  const navigation = useNavigation();

  return (
    <BasicLayout>
      <div
        className={
          navigation.state === "loading" ? "loading" : ""
        }>
        <div className="app-container">
          <div className="content-view">
            <Outlet />
          </div>
        </div>
      </div>
    </BasicLayout>
  );
}